<template>
  <div class="suammry">
        <span>全部任务( {{ $store.state.tasklist.length }} )</span>
        <span>已完成( {{ $store.state.tasklist.length - $store.getters.unFinish }} )</span>
        <span>未完成( {{ $store.getters.unFinish }} )</span>
    </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
.suammry{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 4vw;
}
.suammry span{
    display: inline-block;
    padding: 2vw 4vw;
    background: aqua;
    font-size: 3.5vw;
    color: white;
}
.suammry span:last-child{
    background: red;
}
</style>